<!--
 * @Author: Mcc
 * @Date: 2024-08-06 08:53:51
 * @LastEditors: mcc 550539422@qq.com
 * @LastEditTime: 2024-08-06 10:31:28
 * @FilePath: \ft-apply\src\view\join\VolResult.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by Mcc, All Rights Reserved. 
-->
<template>
  <div id="delivered">
    <img src="../../assets/img/join/finish.png" alt="" />
    <p class="p1">{{ map[key].p1 }}</p>
    <p class="p2">投递日期：{{ today[0] }}年{{ today[1] }}月{{ today[2] }}日</p>
    <p class="p3">
      {{ map[key].p3 }}
    </p>
    <img class="logo" src="../../assets/img/logo.png" alt="" srcset="" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useRoute } from 'vue-router';
import { getToday } from '../../assets/js/common';
const route = useRoute();
const key = route?.name as string;
const map = ref<any>({
  train: {
    p1: '已完成简历投递',
    p3: '每人仅允许投递一次简历，提交成功后不支持再次投递。若遇特殊情况，可发送邮件到ftzhaopin@fangtian.me邮箱说明。',
  },
  volResult: {
    p1: '已完成志愿选择',
    p3: '每人仅允许填写一次志愿，请根据实际情况填写，提交成功后无法自助修改。如有特殊情况请及时与对应HR沟通。',
  },
});
const today = getToday();
</script>

<style lang="less" scoped>
#delivered {
  width: 100vw;
  height: calc(100vh);
  background: #f5f7fb;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 45px;
  position: relative;
  box-sizing: border-box;

  img {
    width: 160px;
  }

  .p1 {
    font-weight: 500;
    font-size: 21px;
    color: #333333;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: 20px 0;
  }

  .p2 {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 19px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 27px;
  }

  .p3 {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #b3c0c8;
    line-height: 26px;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .logo {
    width: 100px;
    position: absolute;
    bottom: 35px;
  }
}
</style>
